
/*  ----------------------------------------------------------------------
	Load & Setup the custom font
	You can easily change this by loading a different
	font and changing the font name on Line 9 */
	
/*@import url(http://fonts.googleapis.com/css?family=Averia+Gruesa+Libre);	 <---------- Change This */
/*@import url(http://fonts.googleapis.com/css?family=Sirin+Stencil);*/
@import url(http://fonts.googleapis.com/css?family=Fascinate);
@import url(http://fonts.googleapis.com/css?family=Federant);

.font-ad,
#slider li .caption h3,
#featured-image .caption h3,
article h2,
article .image figcaption { font-family: 'Federant', cursive; }	/* <---------- Change This Architects Daughter */

.font-ad2 { font-family: 'Federant', cursive; }	/* <---------- Change This Architects Daughter */
/* END Custom Font */


/*  ----------------------------------------------------------------------
	Custom Color
	Simply change this from the default red to anything you'd like to set
	a custom color for your template. */

/* Text Colors */
a,
article h2 { color:#ab3204; }						/* <---------- Change This */

/* Background Colors */
ul.events li .item-date,
#pagination li a:hover,
.button { background:#ab3204; }			/* <---------- Change This */

/* RGBA - Used for the transparent red stuff */
/*nav,
#buckets { background:#ab3204; background:rgba(171, 50, 4, 0.60); }	*/	/* <---------- Change This */

/* END Custom Color */


/*  ----------------------------------------------------------------------
	Born Styling */

* { margin: 0; padding: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: arial, sans-serif;
    color: #000;
    background: #39180c 50% 0;
}


.font-ad { font-weight: normal; }

a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img, iframe { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

header, section, article, footer, aside, nav { display: block; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; margin-left:2%}
.right, .alignright { float: right; display: inline; margin-right:2%}

header { height: 50px; }
header .next { text-align: right; background: url(images/ico-event.png) right 26px no-repeat; padding: 24px 92px 0 0; min-height: 80px; }
header .next h2 { font-size: 22px; line-height: 26px; color: #fff; }
header .next h3 { font-size: 17px; line-height: 22px; color: #f6d264; padding: 0 0 2px; }
header .next h4 { font-family: Georgia, Times, "Times New Roman", Serif; font-size: 15px; line-height: 22px; color: #fff; font-style: italic; font-weight: normal; }
header .next br { display: none; }
header .next .countdown_section { padding: 0 2px; }
header .next .countdown_section span { padding-right: 6px; font-family: Helvetica, Arial, Sans-serif; font-weight: bold; font-style: normal; }

.shadowed-block { -moz-box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000; box-shadow:0 0 20px #000; }

nav { margin:0 0 1px; height:35px; padding:2px;float:right;display: inline;}
nav ul { list-style: none; height: 51px; padding:0;}
nav li {float: left; height: 51px; padding: 0 15px 0 22px; }
nav li.last { padding-right: 0; background: transparent; }
nav li a { float: left; font-size: 16px; line-height: 51px; color: #fff; }
nav li a:hover,
nav li.current a { color: #f6d264; text-decoration: none; }

footer { padding: 24px 0; width: 100%; }
footer p { font-family: Georgia, Times, "Times New Roman", Serif; font-size: 14px; font-style: italic; color: #fff; margin-left:4%;margin-right:4%}
footer p a { color: #fff; margin-right: 8px; }

#logo { height: 35px; margin-left:2%;margin-top:10px}
#logo a.notext { display: block; width: 165px; height: 68px; margin: 26px 0 0; }

#slider { width: 100%; position: relative; }
#slider ul { list-style: none; }
#slider .jcarousel-list > li { float: left; width: 100%; position: relative; overflow: hidden; }
#slider li > img { display: block; width:100%; }
#slider li .caption { background: rgba(0, 0, 0, 0.5); width: 100%; position: absolute; bottom: -100px; left: 0; padding: 8px 0; }
#slider li .caption h3 { font-weight: normal; font-size: 17px; line-height: 30px; padding: 0 13px; color: #fff; }
.no-rgba #slider li .caption { background: url(images/slider-caption.png); }
#slider .jcarousel-clip { width: 100%; position: relative; overflow: hidden; }
#slider .jcarousel-prev .icon,
#slider .jcarousel-next .icon,
#slider .button { background-image: url(images/buttons.png); }
#slider .jcarousel-prev,
#slider .jcarousel-next { width: 39px; height: 41px; position: absolute; top: 185px; border-radius: 5px; cursor: pointer; background: rgb(249,226,134); background: -moz-linear-gradient(top, rgb(249,226,134) 0%, rgb(246,210,100) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(249,226,134)), color-stop(100%,rgb(246,210,100))); background: -webkit-linear-gradient(top, rgb(249,226,134) 0%,rgb(246,210,100) 100%); background: -o-linear-gradient(top, rgb(249,226,134) 0%,rgb(246,210,100) 100%); background: -ms-linear-gradient(top, rgb(249,226,134) 0%,rgb(246,210,100) 100%); background: linear-gradient(top, rgb(249,226,134) 0%,rgb(246,210,100) 100%); }
#slider .jcarousel-prev:hover,
#slider .jcarousel-next:hover { background: rgb(246,210,100); background: -moz-linear-gradient(top, rgb(246,210,100) 0%, rgb(249,226,134) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(246,210,100)), color-stop(100%,rgb(249,226,134))); background: -webkit-linear-gradient(top, rgb(246,210,100) 0%,rgb(249,226,134) 100%); background: -o-linear-gradient(top, rgb(246,210,100) 0%,rgb(249,226,134) 100%); background: -ms-linear-gradient(top, rgb(246,210,100) 0%,rgb(249,226,134) 100%); background: linear-gradient(top, rgb(246,210,100) 0%,rgb(249,226,134) 100%); }
#slider .jcarousel-prev { left: -7px; }
#slider .jcarousel-prev:hover { left: -8px; }
#slider .jcarousel-next { right: -7px; }
#slider .jcarousel-next:hover { right: -8px; }
#slider .jcarousel-prev .icon,
#slider .jcarousel-next .icon { display: block; width: 39px; height: 41px; }
#slider .jcarousel-prev .icon { background-position: -222px 0; }
#slider .jcarousel-next .icon { background-position: right 0; }
#slider li .url { display: none; }
#slider li .button { background-position: -118px 0; width: 103px; height: 36px; font-size: 11px; line-height: 36px; font-weight: bold; text-transform: uppercase; color: #000; text-align: center; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -51px; text-shadow: 0 1px 0 #ffeb9c; }
#slider li .button:hover { text-decoration: none; background-position: -118px -36px; }
#slider li .button.gallery { background-position: 0 0; width: 117px; margin-left: -58px; }
#slider li .button.gallery:hover { background-position: 0 -36px; }
#slider li .player { padding: 8px 8px 0; width: 924px; }

#slider.single .jcarousel-prev,
#slider.single .jcarousel-next { display:none !important; }

#slider.audio, #slider.audio li { height:200px; }

#buckets { padding:2px; }
#buckets .bordered { border:2px dotted rgba(255,255,255,0.20); width: auto; padding: 16px 20px 5px 27px; overflow: hidden; }
#buckets ul { list-style: none; }
#buckets li { color: #fff; }
#buckets h4 { font-size: 18px; padding: 0 0 10px; color: #fff; }
#buckets li p { line-height: 18px; padding: 0 0 12px; }
#buckets .button { background: rgb(228,227,221); background: -moz-linear-gradient(top, rgb(228,227,221) 0%, rgb(212,212,212) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(228,227,221)), color-stop(100%,rgb(212,212,212))); background: -webkit-linear-gradient(top, rgb(228,227,221) 0%,rgb(212,212,212) 100%); background: -o-linear-gradient(top, rgb(228,227,221) 0%,rgb(212,212,212) 100%); background: -ms-linear-gradient(top, rgb(228,227,221) 0%,rgb(212,212,212) 100%); background: linear-gradient(top, rgb(228,227,221) 0%,rgb(212,212,212) 100%); font-size: 11px; line-height: 26px; font-weight: bold; color: #000; text-shadow: 1px 1px 0 #fff; padding: 0 15px; display: inline-block; border-radius: 12px; text-transform: uppercase; }
#buckets .button:hover { background: rgb(212,212,212); background: -moz-linear-gradient(top, rgb(212,212,212) 0%, rgb(228,227,221) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(212,212,212)), color-stop(100%,rgb(228,227,221))); background: -webkit-linear-gradient(top, rgb(212,212,212) 0%,rgb(228,227,221) 100%); background: -o-linear-gradient(top, rgb(212,212,212) 0%,rgb(228,227,221) 100%); background: -ms-linear-gradient(top, rgb(212,212,212) 0%,rgb(228,227,221) 100%); background: linear-gradient(top, rgb(212,212,212) 0%,rgb(228,227,221) 100%); text-decoration: none; }

/*tambahan*/
#top-image { 
	background:#ffffff;
	width: 100%;
	height:385px;
	border-bottom: 1px dotted #c1c0b7;
}
#top-image #form{
	float:left;
	margin-left:2%;
	width:20%;
	padding: 10px 20px;
	border-right: 1px dotted #c1c0b7;
}

#top-image #list-city{
	float:left;
	margin-left:2%;
	width:20%;
	padding: 10px 20px;
	border-right: 1px dotted #c1c0b7;
	overflow: auto;
	height:360px;
}

/* City */
ul.city { margin:0; padding:0; list-style:none; }
ul.city li { background:none; border-bottom:1px dotted #b7b5a9; position: relative; }
ul.city h4 { font-weight:bold; padding:5px 0 5px 10px}
ul.city li a { font-size: 15px; line-height: 18px; font-weight: bold; display: block; height: 28px; padding: 5px 10px 5px 30px; }
ul.city li a:hover,
ul.city li.city a { background: url(images/bg-intro.jpg); text-decoration: none; }
ul.city .icon { width: 28px; height: 28px; position: absolute; top: 5px; left: 0; border-radius: 20px;); }

  
.top-map { background: #f2f1ec url(images/bg-intro.jpg) repeat; width:72%; float:right; margin:10px 10px 0 0; }
.top-map iframe { display:block; border: none; }
/*end*/

#intro { background: #f2f1ec url(images/bg-intro.jpg); width: 100%; padding: 37px 0; text-align: center; border-bottom: 1px dotted #c1c0b7; }
#intro h1 { padding:0 30px; font-size: 34px; line-height: 44px; color: #3a190c; text-shadow: 1px 1px 0 #fff; font-weight:normal; }

#main { width:100%; background: #fff; padding: 2px 0 10px; overflow: hidden; }

#featured-image { width: 940px; position: relative; }
#featured-image img { display: block; }
#featured-image .caption { background: rgba(0, 0, 0, 0.5); width: 940px; position: absolute; bottom: 0; left: 0; padding: 8px 0; }
#featured-image .caption h3 { font-weight: normal; font-size: 17px; line-height: 30px; padding: 0 13px; color: #fff; }
.no-rgba #featured-image .caption { background: url(images/slider-caption.png); }

#content { padding: 20px 0 10px; }

#breadcrumb { font-size: 11px; line-height: 16px; padding: 0 0 8px; }
#breadcrumb a { font-weight: bold; }
#breadcrumb span { margin: 0 2px; }
#breadcrumb a.current { color: #000; font-weight: normal; cursor: text; }

article { padding: 0 0 20px 25px; width: 595px; }
.grid_12 article { padding:0 25px 20px; width:auto; }
article h1 { font-size: 25px; line-height: 31px; padding: 0 0 13px; border-bottom: 1px dotted #cdcdcd; margin: 0 0 18px; font-weight: normal; }

article .social-buttons { padding:0 0 18px; margin:0 0 20px; border-bottom:1px dotted #cdcdcd; }
article .social-buttons .twitter-share-button { padding-top:2px; float:left; margin:0 15px 0 0; }
article .social-buttons .fb-like { float:left; }
article .social-buttons .google-plusone { overflow-x: hidden; float:left; width: 73px; padding-top: 2px; }

article h2 { font-weight: normal; font-size: 19px; line-height: 26px; padding: 0 0 23px; }
article h3 { font-size: 18px; line-height: 21px; font-weight: normal; padding: 0 0 21px; }
article h4 { font-size: 15px; line-height: 20px; font-weight: normal; padding: 0 0 20px; }
article h5 { font-size: 12px; line-height: 17px; font-weight: normal; padding: 0 0 17px; }
article h6 { font-size: 11px; line-height: 16px; font-weight: normal; padding: 0 0 16px; }
article p { font-size: 13px; line-height: 18px; padding: 0 0 18px; }
article blockquote { background: url(images/blockquote.png) 0 0 no-repeat; width: 410px; display: block; padding: 0 60px 0 68px; margin: 0 0 20px 25px; font-family: Georgia, Times, "Times New Roman", Serif; font-size: 17px; line-height: 22px; font-style: italic; color: #999284; }
article ul { list-style: none; padding: 0 0 20px 36px; }
article ul li { background: url(images/li.png) 0 5px no-repeat; padding: 0 0 0 16px; font-size: 13px; line-height: 18px; }
article ul ul { padding: 5px 0 5px 20px; }
article ul li li { background-image: url(images/li-li.png); }
article .image { background: #fff; padding: 8px; box-shadow: 1px 1px 4px #bbb6ad; position: relative; }
article .image img { display: block; }
article .image figcaption { display: block; font-size: 14px; text-align: center; line-height: 30px; padding: 8px 0 0; }
.no-boxshadow article .image { border: 1px solid #f4f3f1; }
article .image.left { margin: 0 20px 10px 0; }
article .image.right { margin: 5px 0 10px 20px; }
article .image .corner-tl,
article .image .corner-tr,
article .image .corner-bl,
article .image .corner-br { background-image: url(images/photo-corners.png); width: 36px; height: 36px; position: absolute; }
article .image .corner-tl { top: -3px; left: -3px; }
article .image .corner-tr { background-position: -36px 0; top: -3px; right: -3px; }
article .image .corner-bl { background-position: 0 -36px; bottom: -3px; left: -3px; }
article .image .corner-br { background-position: -36px -36px; bottom: -3px; right: -3px; }

article .gallery .image { float:left; margin:0 15px 30px 15px; }
article .gallery .image img { width:250px; }

/* Events */
ul.events h4 { padding: 0 0 5px; font-weight:bold; }
ul.events p { font-size: 12px; line-height: 18px; padding:0; }
ul.events p em { font-family: Georgia, Times, "Times New Roman", Serif; float: left; width: 75px; font-weight: bold; }
ul.events { margin:0; padding:0; list-style:none; }
ul.events li { border-top: 1px dotted #cdcdcd; background:none; margin:0; padding: 12px 0 16px 66px; position: relative; }
ul.events li .item-date { width: 51px; height: 43px; padding: 8px 0 0; position: absolute; top: 15px; left: 0; text-align: center; color: #fff; font-size: 10px; line-height: 12px; text-transform: uppercase; border-radius: 25px; }
.no-borderradius ul.events li .item-date { background-image: url(images/ie-circ-date.png); }
ul.events li .item-date span { display: block; font-size: 21px; line-height: 20px; }

#bottom { padding: 0 30px; }
#bottom .cols { width: 100%; margin: 0 auto; padding: 26px 0 20px; overflow: hidden; }
#bottom .cols h3, #sidebar h3 { font-size: 17px; line-height: 21px; padding: 0 0 26px; }
#bottom .cols h4, #sidebar h4 { font-size: 15px; line-height: 18px; }
#bottom .cols .button.right { background: #e9e8e0; font-size: 11px; line-height: 21px; border-radius: 10px; text-transform: uppercase; color: #a09e92; text-shadow: 1px 1px 1px #edede6; padding: 0 7px; font-weight: bold; }
#bottom .cols .button.right:hover { text-decoration: none; background: #e2e1d7; }
#bottom .cols ul, #sidebar ul { list-style: none; }
#bottom .cols ul li, #sidebar ul li { border-top: 1px dotted #cdcdcd; }

#pagination { margin:0 0 30px; padding:20px 0; }

#pagination ul { list-style:none; margin:0; padding:0; }
#pagination li { background:none; display:inline; float:left; margin:0; padding:0 10px 0 0; }
#pagination li span, #pagination li a { text-align:center; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; display:block; font-weight:bold; font-size:12px; line-height:12px; width:12px; height:12px; padding:8px; }
#pagination li span { background:#ccc; color:#222; text-shadow:1px 1px 0 #ddd; }
#pagination li a { background:#525252; color:#fff; }
#pagination li a:hover { text-decoration:none; }

/* Social Bar */
.social-bar { border-top: 1px dotted #CDCDCD; clear:both; text-align:center; background:#fff; padding:18px 10px 10px; margin:0 10px 0; }
.social-bar a { text-shadow:1px 1px 0 #fff; margin:0 5px; display:inline-block; padding:5px 10px 5px 40px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; height:24px; line-height:24px; font-size:15px; }
.social-bar a:hover { text-decoration:none; }

.social-bar a.facebook { background:#eceef5 url('images/icon_facebook.png') no-repeat 5px 5px; border:1px solid #cad4e7; color:#3b5997; }
.social-bar a:hover.facebook { background:#fff url('images/icon_facebook.png') no-repeat 5px 5px; }

.social-bar a.twitter { background:#e5f0f7 url('images/icon_twitter.png') no-repeat 5px 5px; border:1px solid #a4cce5; color:#2297ca; }
.social-bar a:hover.twitter { background:#fff url('images/icon_twitter.png') no-repeat 5px 5px; }

.social-bar a.youtube { background:#ffe1e0 url('images/icon_youtube.png') no-repeat 5px 5px; border:1px solid #f8b4b2; color:#dd0000; }
.social-bar a:hover.youtube { background:#fff url('images/icon_youtube.png') no-repeat 5px 5px; }

.social-bar a.vimeo { background:#dbeffc url('images/icon_vimeo.png') no-repeat 5px 5px; border:1px solid #acd8f4; color:#056cae; }
.social-bar a:hover.vimeo { background:#fff url('images/icon_vimeo.png') no-repeat 5px 5px; }

.social-bar a.flickr { background:#dceafb url('images/icon_flickr.png') no-repeat 5px 5px; border:1px solid #b1d0f5; color:#0063db; }
.social-bar a:hover.flickr { background:#fff url('images/icon_flickr.png') no-repeat 5px 5px; }

.social-bar a.feed { background:#fff0de url('images/icon_feed.png') no-repeat 5px 5px; border:1px solid #f4c996; color:#cf7000; }
.social-bar a:hover.feed { background:#fff url('images/icon_feed.png') no-repeat 5px 5px; }

/*floating social*/
.social-floating{
	position: fixed;
	bottom: 40px;
	right: 0px;
	z-index: 10;
	padding: 0.5em;
	background:transparent;
	border-top:none;
}


/* Fluid Columns */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:79.4%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; margin-bottom:15px; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

.visit { margin-left:10px; margin-top:10px; background: url(images/envelope.jpg) top center; height: 205px; padding: 18px 17px 0; }
.visit { background: url(images/envelope.jpg); width: 283px; height: 205px; padding: 18px 17px 0; }
.visit h3 { font-size: 15px; line-height: 19px; padding: 0 0 14px; }
.visit h4 { font-size: 20px; padding: 0 0 10px; }
.visit p { font-size: 12px; line-height: 18px; padding: 0 0 10px; }
.visit .button { background: rgb(198,85,33); background: -moz-linear-gradient(top, rgb(198,85,33) 0%, rgb(172,51,5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(198,85,33)), color-stop(100%,rgb(172,51,5))); background: -webkit-linear-gradient(top, rgb(198,85,33) 0%,rgb(172,51,5) 100%); background: -o-linear-gradient(top, rgb(198,85,33) 0%,rgb(172,51,5) 100%); background: -ms-linear-gradient(top, rgb(198,85,33) 0%,rgb(172,51,5) 100%); background: linear-gradient(top, rgb(198,85,33) 0%,rgb(172,51,5) 100%); font-size: 11px; line-height: 26px; font-weight: bold; text-transform: uppercase; color: #fff; display: inline-block; padding: 0 15px; border-radius: 13px; }
.visit .button:hover { text-decoration: none; background: rgb(172,51,5); background: -moz-linear-gradient(top, rgb(172,51,5) 0%, rgb(198,85,33) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(172,51,5)), color-stop(100%,rgb(198,85,33))); background: -webkit-linear-gradient(top, rgb(172,51,5) 0%,rgb(198,85,33) 100%); background: -o-linear-gradient(top, rgb(172,51,5) 0%,rgb(198,85,33) 100%); background: -ms-linear-gradient(top, rgb(172,51,5) 0%,rgb(198,85,33) 100%); background: linear-gradient(top, rgb(172,51,5) 0%,rgb(198,85,33) 100%); }
.google-map { width:593px; float:right; margin:10px 10px 0 0; }
.google-map iframe { display:block; border: none; }

#sidebar { padding: 20px 0; }
#sidebar h3 { font-size: 18px; padding: 0 0 12px; }
ul.child-pages { list-style: none; width: 270px; font-size: 0; line-height: 0; }
ul.child-pages li { border-top: 1px dotted #b7b5a9; }
ul.child-pages li a { font-size: 15px; line-height: 18px; font-weight: bold; display: block; padding: 11px 10px; }
ul.child-pages li a:hover,
ul.child-pages li.current a { background: url(images/bg-intro.jpg); text-decoration: none; }

/* Recent News */
ul.recent-news { margin:0; padding:0; }
ul.recent-news li { background:none; border-top: 1px dotted #cdcdcd; padding: 12px 0 20px; }
ul.recent-news li h4 { font-weight:bold; margin:0; padding:0; }
ul.recent-news p { font-size: 12px; line-height: 17px; padding: 0 0 10px; }
ul.recent-news p.post-meta, #content p.post-meta { font-family: Georgia, Times, "Times New Roman", Serif; color: #636363; font-style: italic; padding: 0 0 12px; }
#content p.post-meta { padding:0 0 15px; }
ul.recent-news p.post-meta a, #content p.post-meta a { color: #636363; }
ul.recent-news .more { background: rgb(249,226,134); background: -moz-linear-gradient(top, rgb(249,226,134) 0%, rgb(246,210,101) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(249,226,134)), color-stop(100%,rgb(246,210,101))); background: -webkit-linear-gradient(top, rgb(249,226,134) 0%,rgb(246,210,101) 100%); background: -o-linear-gradient(top, rgb(249,226,134) 0%,rgb(246,210,101) 100%); background: -ms-linear-gradient(top, rgb(249,226,134) 0%,rgb(246,210,101) 100%); background: linear-gradient(top, rgb(249,226,134) 0%,rgb(246,210,101) 100%); font-size: 11px; line-height: 26px; font-weight: bold; text-transform: uppercase; color: #000; display: inline-block; padding: 0 12px; border-radius: 13px; }
ul.recent-news .more:hover { text-decoration: none; background: rgb(246,210,101); background: -moz-linear-gradient(top, rgb(246,210,101) 0%, rgb(249,226,134) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(246,210,101)), color-stop(100%,rgb(249,226,134))); background: -webkit-linear-gradient(top, rgb(246,210,101) 0%,rgb(249,226,134) 100%); background: -o-linear-gradient(top, rgb(246,210,101) 0%,rgb(249,226,134) 100%); background: -ms-linear-gradient(top, rgb(246,210,101) 0%,rgb(249,226,134) 100%); background: linear-gradient(top, rgb(246,210,101) 0%,rgb(249,226,134) 100%); }

#content .navigation { border-top:1px dotted #ccc; margin:0 0 25px; padding:15px 0 0 0; }
#content .navigation .prev, #content .navigation .next { display:block; width:49%; font-weight:bold; font-size:16px; line-height:19px; }
#content .navigation .prev span, #content .navigation .next span { display:block; font-weight:normal; font-size:13px; line-height:17px; }
#content .navigation .prev { float:left; }
#content .navigation .next { float:right; text-align:right; }

/* Media */
ul.media { margin:0; padding:0; list-style:none; }
ul.media li { background:none; border-top: 1px dotted #cdcdcd; padding: 16px 30px 16px 52px; position: relative; }
ul.media h4 { font-weight:bold; padding: 0 0 5px; }
ul.media p { padding:0; font-size: 12px; line-height: 12px; line-height: 17px; }
ul.media .icon { width: 39px; height: 39px; position: absolute; top: 15px; left: 0; border-radius: 20px;); }
ul.media .podcast .icon { background-color: #e8e8e8; background-position: 0 0; }
ul.media .gallery .icon { background-color: #d9ecf8; background-position: -39px 0; }
ul.media .video .icon { background-color: #e1f4cc; background-position: -78px 0; }
.no-borderradius ul.media .icon .ie-overlay { background: url(images/ie-circ-cat.png); width: 39px; height: 39px; position: absolute; top: 0; left: 0; }

/* Kajian */
ul.kajian { margin:0; padding:0; list-style:none; }
ul.kajian li { background:none; border-top: 1px dotted #cdcdcd; padding: 16px 30px 16px 0px; position: relative; }
ul.kajian h4 { font-weight:bold; padding: 0 0 5px; }
ul.kajian p { padding:0; font-size: 12px; line-height: 12px; line-height: 17px; }

/* Remove Top Border on Pages */
article .media li:first-child,
article .events li:first-child,
article .recent-news li:first-child { border-top:none; padding-top:0; }

article .media li:first-child .icon,
article .events li:first-child .item-date { top:0; }

#sidebar .media li { width:197px; }
#sidebar .events li { width:213px; }
#sidebar .recent-news li { width:277px; }

/* Form Styling */
form.styled { display:block; margin:0 0 15px; }

form.styled label { font-weight:bold; display:block; margin:0 0 10px; }
form.styled .textbox, form.styled .textarea-wrap {
	border:1px solid #aaa;
	background:#eee;
	/*display:block;*/
	font-size:13px;
	line-height:17px;
	font-family:sans-serif;
	padding:2%;
	margin:0 0 15px;
	width:96%;
	color:#666;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.03, #F0F0F0),color-stop(1, #FFFFFF));
	background-image: -moz-linear-gradient(center bottom,#F0F0F0 3%,#FFFFFF 100%);
	-moz-box-shadow:inset 1px 1px 4px #ddd;
	-webkit-box-shadow:inset 1px 1px 4px #ddd;
	box-shadow:inset 1px 1px 4px #ddd;
}

form.styled .textarea-wrap textarea { resize:none; width:100%; height:100px; border:none; background:none; padding:0; margin:0; outline:none; font-size:13px; line-height:18px; }
.button { cursor:pointer; border:none; font-size: 11px; line-height: 26px; font-weight: bold; text-transform: uppercase; color: #fff; display: inline-block; padding: 0 12px; border-radius: 13px; }
.button:hover { background:#525252; color:#fff;text-decoration : none;}

.news-feed{
	border-top: 1px solid #CDCDCD;
	padding : 15px 5px 10px 0;
	clear:both;
}
.feed-gravatar {	float: left; width:10%;margin-right: 10px; background: #FFF; border: 1px solid #F0F0F0; padding: 3px; }
.feed-data {	float: left; width: 80%; }
.feed-data p {line-height: 19px; padding-bottom:5px}
.feed-author { font-weight: 700; margin-bottom: 3px; }
.feed-meta { float: left;color: #666; margin-bottom: 10px; font-size: 85%; }

ul.feed-comment{
	padding : 5px 5px 15px 0;
	width: 85%;
	float: right;
}

ul.feed-comment li{
	padding : 5px 5px 5px 5px;
	font-size:85%;
	background:#fff0de;
}
.comment-gravatar {	float: left; width:10%;margin-right: 5px; border: 1px solid #F0F0F0; padding: 3px; }
.comment-data {	float: left; width: 80%; }
.comment-data p {line-height: 19px; padding-bottom:5px}
.comment-author { font-weight: 700; display:inline}
.comment-meta { color: #666; margin-bottom: 20px; font-size: 85%; }

.feed-url, .comment-url{
	padding : 5px 5px 15px 0;
	float: left;
	width:100%;
}
.url-image {	float: left; width:85px;margin-right: 10px; border: 1px solid #F0F0F0; padding: 3px; }
.url-data {	float: right; width: 65%; }
.url-data p {line-height: 19px; padding-bottom:5px;color:gray;font-size:95%;}
.url-title { font-weight: 700; display:inline}

#profile{
	margin: 0 0 20px 0;
	text-align:center;
}

#profile h2{
	margin-top:10px;
	text-align:center;
	color: #AB3204;
	cursor:pointer;
}

ul.member-list{
	border-top:1px solid #f4c996;
	border-bottom:1px solid #f4c996;
	background:#f4c996;
}

ul.member-list li{
	float:left;
	padding:5px 0 0 5px;
	border-top:0px;
}

div.success{
	border:1px solid #6cd858;
	background:#e3ffde 10px 13px no-repeat;
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
}

div.error{
	border:1px solid #ffa2aa;
	background:#fae8e8 10px 13px no-repeat;
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
}

div.warning{
	border:1px solid #d6d61f;
	background:#ffffd3 10px 13px no-repeat;
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
}

div.information{
	border:1px solid #b4dbe8;
	background:#e3f2f7 10px 13px no-repeat;
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
}

.table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	background: #fff;
	margin-top: 50px;
	border-collapse: collapse;
	text-align: left;
}
.table th
{
	font-size: 14px;
	font-weight: normal;
	color: black;
	padding: 10px 8px;
	border-bottom: 2px solid #39180c;
	border-top: 2px solid #39180c;
}
.table td
{
	border-bottom: 1px solid #ccc;
	color: #ab3204;
	padding: 3px 4px;
}
.table tbody tr:hover td
{
	color: #cf7000;
}

div.ac_results {
    width: 100%;
	z-index:9999;
    display: block;
    background: #fff;
}

div.ac_results ul {
    border:1px solid #888;
    margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
}

div.ac_results ul li {
    margin:0;
    padding:3px;
}

/* Hovering over list item*/
div.ac_results ul li.ac_over {
    background-color: #ffb;
}

#menu-profile{
	float:right;
	position:relative;
	z-index : 999;
	margin-top:15px;
	color:#AB3204;
	display:inline;
}

/* General dropdown styles */
.dropdown dl{ margin-left:5px; }
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }


/* DT styles for sliding doors */
.dropdown dt a {background: url(images/menu-user-32.png) no-repeat scroll right center;
    display:block; width:32px; height:32px; cursor:pointer;}

.dropdown dt a.selected{
	background: #FFFFFF url(images/menu-user-32.png) no-repeat scroll right center;
	border:1px solid #39180C;
	border-bottom:1px solid #ffffff;
}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}


/* UL styles */

.dropdown dd ul { 
	background:#FFFFFF none repeat scroll 0 0; display:none;
    list-style:none; 
	padding:3px 0; 
	position:absolute;
    width:160px; 
	border:1px solid #39180C;
	border-top:1px solid #ffffff;
	cursor:pointer;
	right:0;
	margin-right:128px;
	top:-2px;
}
.dropdown dd ul li{ background-color:#FFFFFF; margin:0; width:160px;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { display:block; font-weight:normal; width:137px; text-align:left; overflow:hidden; padding:2px 4px 3px 19px; text-decoration:none;}
.dropdown dd ul li a:hover{ background:#39180C; text-decoration:none; color:#ffffff }
.dropdown dd ul li a:visited{ text-decoration:none; }

/*
	MENU GOOGLA MAP
*/

#menu{
	background-color: #FFFFFF;
	width:170px;
	height:150px;
	padding:0px;
	border:1px;
	cursor:pointer;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-right:1px solid #676767;
	border-bottom:1px solid #676767;
}
#menu .item{
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	text-align:left;
	line-height: 30px;
	border-left:0px;
	border-top:0px;
	border-right:0px;
	padding-left:30px;
	background-repeat: no-repeat;
	background-position: 4px center;
}
#menu .item.itemA{
background-image: url(images/icon_greenA.png);
}
#menu .item.itemB{
background-image: url(images/icon_greenB.png);
}
#menu .item.zoomIn{
background-image: url(images/zoomin.png);
}
#menu .item.zoomOut{
background-image: url(images/zoomout.png);
}
#menu .item.centerHere{
background-image: url(images/here.png);
}
#menu .item.hover{
background-color: #d6e9f8;
}
#menu .item.separator{
border-bottom:1px solid #cccccc;
}